<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/detail.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./assets/icon/iconfont.css">
</head>

<body>
    <div class="big-box">
        <div class="top-nav">
            <a href=""><i class="iconfont icon-jiantou3"></i></a>
            <span><a href="">商品详情</a></span>
            <span><i class="iconfont icon-diandiandian"></i></span>
        </div>
        <div class="content">
            <div class="con">
                <a href=""><img src="./images/detail_images/pic_1.jpg" alt=""></a>
                <a href=""><img src="./images/detail_images/pic_2.jpg" alt=""></a>
                <div>
                    <h3>娅芝贵妇素颜霜 贵妇膏神仙膏补水保湿懒人霜遮瑕珍珠膏</h3>
                    <p><span>&yen; 123.00</span>
                        <span>(此价格不与套装优惠同时享受)</span>
                    </p>
                </div>
            </div>
            <div class="sku">
                <div class="sku-1">
                    <div class="sku-1-left">
                        <span>促销:</span>
                        <span>满减</span>
                        <span>满两件9折;3件8折</span>

                    </div>
                    <div class="sku-1-right"><i class="iconfont icon-arrow-right"></i></div>
                </div>
                <div class="sku-2">
                    <div class="sku-2-left">购买数量</div>
                    <div class="sku-2-right">
                        <a href="">-</a>
                        <a href="">1</a>
                        <a href="">+</a>
                    </div>
                </div>
                <div class="sku-3">
                    <span>商品属性</span>
                    <a href=""><i class="iconfont icon-arrow-right"></i></a>
                </div>
                <div class="sku-4">
                    <span>规格</span>
                    <a href="">30g</a>
                    <a href="">5g</a>
                </div>
            </div>
            <div class="shop">
                <div class="shop-top">商品详情</div>
                <img src="./images/detail_images/pic_3.jpg" alt="">
                <img src="./images/detail_images/pic_4.jpg" alt="">
                <img src="./images/detail_images/pic_5.jpg" alt="">
                <img src="./images/detail_images/pic_6.jpg" alt="">
                <img src="./images/detail_images/pic_7.jpg" alt="">
            </div>
            <div class="pj">
                <div class="pj-1">商品评价</div>
                <div class="pj-2">
                    <p>1235668gf</p>
                    <p>效果很好，物流到位，下次再来</p>
                    <p>
                        <img src="./images/detail_images/pic_8.jpg" alt="">
                        <img src="./images/detail_images/pic_9.jpg" alt="">
                        <img src="./images/detail_images/pic_10.jpg" alt="">
                    </p>
                    <p>2020-01-13</p>
                </div>
                <div class="pj-3">
                    <span>共1000+条评论</span>
                    <span>查看跟多></span>
                </div>
            </div>
        </div>
        <div class="bottom-buy">
            <div class="buy-left"><a href=""><i class="iconfont icon-cart1"></i>
                <p>购物车</p></a>
            </div>
            <div class="buy-center"><a href="">加入购物车</a></div>
            <div class="buy-right"><a href="">立即购买</a></div>
        </div>

    </div>

</body>

</html>